<template>
	<view>
		<view v-for="(item,index) in datalist" style="margin: 10rpx;">
		  <NewsView
		    :title="item.title"
		    :isTop="item.isTop"
		    :author="item.author"
		    :comments="item.comments"
		    :time="item.time"
		    @click="onCustomViewClick()">
		    <template v-slot:tips>
		      <view class="slotcontent" v-if="item.showSearch">
		        <text>搜索：</text>
		        <view class="borderbox"><text>今日金价</text></view>
		        <view class="borderbox"><text>精选好物</text></view>
		      </view>
		    </template>
		  </NewsView>
		</view>
	</view>
</template>

<script>
	import NewsView from '/components/NewsView.vue';
	export default {
		components:{NewsView},
		data() {
			return {
				datalist: [{
				  nID: "T15627",
				  title: "14个月从100家开到1000家门店，蜜雪冰城为何买下这家精酿啤酒商",
				  isTop: true,
				  author: "界面新闻",
				  comments: 56,
				  time: "2025.10.07"
				}, {
				  nID: "B4485",
				  title: "把握历史大势 共创美好未来（观沧海）",
				  isTop: false,
				  author: "人民日报",
				  comments: 1025,
				  time: "2025.10.25"
				},
				{
					nID: "B4485",
					title: "黄金还能走多远？卖方高呼 “第三浪启动”，230 多份研报看多",
					isTop: false,
					author: "财联社",
					comments: 452,
					time: "2025.10.08",
					showSearch : true
				},
				{
					nID: "B4485",
					title: "“没有短板” 的完美战鹰！歼 - 16 机库独家探访",
					isTop: false,
					author: "红星新闻",
					comments: 56,
					time: "2025.10.07"
				},{
					nID: "B4485",
					title: "多国学者共探巴克特里亚考古 携手推进丝绸之路文明研究新进程",
					isTop: false,
					author: "中国日报网",
					comments: 56,
					time: "2025.10.12"
				}]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.slotcontent {
  margin: 10rpx 0;
  display: flex;
  align-items: center;
  font-size: 28rpx; 
}

.slotcontent text{
  color: royalblue;
  margin-right: 10rpx;

}

.borderbox {
  border: 1rpx solid gray;
  border-radius: 10rpx;
  margin: 0 8rpx;
  
}
</style>